.g-nav{
  padding: 12rpx 0 0;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  .li{
    background: #ffffff;
    border-bottom: 2rpx solid #bbbbbb;
    height: 66rpx;
    line-height: 66rpx;
    text-align: center;
    color: #8D9094;
    &.active{
      color: #0251FF;
      border-bottom: 4rpx solid #0251ff;
      font-weight: bold;
    }
  }
}

.g-title{
  text-align: center;
  height: 72rpx;
  line-height: 72rpx;
  background: #ffffff;
  position: relative;
  border-bottom: 2rpx solid #bbbbbb;
  > .icon-filter{
    position: absolute;
    right: 20rpx;
    font-size: 40rpx;
    //font-weight: bold;
    color: #9A9A9A;
  }
}

.g-main{

  height: 0;
  padding-bottom: 20rpx;

  .content-wrap{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    .top{
      display: grid;
      grid-template-columns: auto 200rpx 200rpx;
      padding: 0 20rpx;
      background: #869EFA;
      > view{
        height: 88rpx;
        line-height: 88rpx;
        font-size: 28rpx;
        &:not(:first-child){
          text-align: right;
        }
      }
    }
    .middle{
      flex: 1;
      overflow: auto;
      .li{
        font-size: 28rpx;
        display: grid;
        grid-template-columns: auto 200rpx 200rpx;
        padding: 0 20rpx;
        border-bottom: 2rpx solid #efefef;
        > view {
          height: 80rpx;
          display: flex;
          align-items: center;
          &:first-child{
            //white-space: nowrap;
            //width: 50rpx;
          }
          &:not(:first-child) {
            justify-content: flex-end;
          }
        }
      }
    }
  }

  .empty{
    background: #ffffff;
    height: 100%;
    &.hidden{
      display: none;
    }
  }
  .loading{
    display: flex !important;
    &.hidden{
      display: none !important;
    }
  }
  .prompt-msg{
    text-align: center;
    color: #969799;
    font-size: 28rpx;
  }
}
.check-wrap{
  margin-bottom: 30rpx;
}
.hidden{
  display: none !important;
}
